Button is getting disabled, but I wanted it to hide from UI if the disabled condition is true -
<button ion-button block
class="button-color-blue"
[disabled]="true"
(click)="closePage()">
Cancel
</button>
Have you tried with something like :
// NOT RENDERED AL ALL
<button ion-button block class="button-color-blue" *ngIf="condition===false" [disabled]="true" (click)="closePage()">Cancel</button
// HIDE ONLY
<button ion-button block class="button-color-blue" [style.display-none]="true" [disabled]="true" (click)="closePage()">Cancel</button>
I fixed this issue, it was my mistake, instead of disabled I used hidden
so,
instead of this -
<button ion-button block class="button-color-blue" [disabled]="true" (click)="closePage()">Cancel</button>
use this if you wanted invisible of item
<button ion-button block class="button-color-blue" [hidden]="true" (click)="closePage()">Cancel</button>